{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/svg" href="/media/setting/favicon.ico">
    <title>{% block title %}酷雲影院{% endblock %}</title>
    <!-- Bootstrap样式 -->
    <link rel="stylesheet" href="{% static 'plugins/bootstrap/css/bootstrap.min.css' %}">
    <!-- Font Awesome图标 -->
    <link rel="stylesheet" href="{% static 'plugins/fontawesome-free-6.7.2-web/css/all.min.css' %}">
    <style>
        :root {
            --font-color: black;
        }


        body {
            background-color: #3f3e3e;
            padding-top: 70px; /* 补偿固定导航栏高度 */
            font-family: 'Helvetica Neue', Arial, sans-serif;
        }

        .content-container {
            min-height: calc(100vh - 170px); /* 保证内容区域最小高度 */
        }

        /* 其他全局样式将在子模板中覆盖 */
    </style>


    {% block css %}{% endblock %}
</head>
<body>


{% include "components/header.html" %}


<!-- 主内容区域 -->
<div class="container content-container">
    {% block content %}{% endblock %}
</div>

<!-- 底部备案信息 -->
{% include "components/footer.html" %}


</body>
<!-- js Bootstrap JS -->
<script src="{% static 'plugins/jquery/jquery-3.7.1.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap/js/bootstrap.min.js' %}"></script>
{% block js %}{% endblock %}

</html>